<template>
  <!-- 每个模版页必须有一个根节点标签 -->
  <div>
    <!-- 这里就是组件页面显示的内容 -->
    
    <div>
      <scanCodePage
        @addDataText="getQrcode"
        width="400px"
        height="800px"
      ></scanCodePage>
    </div>
  </div>
</template>
<script>
//引入外部组件
//import menu from ''
import scanCodePage from "@/components/scanCodePage.vue";
export default {
  name: "paymentsweep", //定义组件的名称
  components: {
    //引入外部组件，这里是定义
    scanCodePage,
  },
  methods: {
    async getQrcode(data) {
      console.log(data.Qrcode);
      var user_id = "1"; //从vuex中获取
      //http://localhost:8080/paymentManagerSystem/fkx?uid=1&t=1681267525
      //请求后端进行用户验证，是否合法
      var resData = await this.$http.post("fkx", { user_id: user_id });
      console.log(resData.state);
      //如果验证成功，跳转到付款页面
      if(resData.state==200){
        this.$router.push("/paymentpage");
      }else{
        this.$router.push("/");
      }
    },
  },
};
</script>
<style scoped>
/* 独立组件的样式，写这里，支持标准的css语法 */
</style>